
  <!DOCTYPE HTML>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  
    <title>Category: box2djs方糖 | Here. There.</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=1">
    
    <meta name="author" content="被删">
    
    <meta name="description" content="html5, js, angularjs, jQuery, 前端">
    
    
    
    
    <link rel="alternate" href="/atom.xml" title="Here. There." type="application/atom+xml">
    
    
    <link rel="icon" href="/img/favicon.ico">
    
    
    <link rel="apple-touch-icon" href="/img/pacman.jpg">
    <link rel="apple-touch-icon-precomposed" href="/img/pacman.jpg">
    
    <link rel="stylesheet" href="/css/style.css">
    
<script type="text/javascript">
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?3d902de4a19cf2bf179534ffd2dd7b7f";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>

    <body>
      <header>
        <div>
		
			<div id="imglogo">
				<a href="/"><img src="/img/sun.png" alt="Here. There." title="Here. There."/></a>
			</div>
			
			<div id="textlogo">
				<h1 class="site-name"><a href="/" title="Here. There.">Here. There.</a></h1>
				<h2 class="blog-motto">Love ice cream. Love sunshine. Love life. Love the world. Love myself. Love you.</h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单">
			</a></div>
			<nav class="animated">
				<ul>
					
						<li><a href="/">首页</a></li>
					
						<li><a href="https://github.com/godbasin/godbasin.github.io">所有文章</a></li>
					
						<li><a href="/archives">归档</a></li>
					
						<li><a href="/categories">分类</a></li>
					
						<li><a href="/about">关于我</a></li>
					
				</ul>
			</nav>			
</div>

      </header>
      <div id="container">
        

<div class="archive-title" >
  <h2 class="category-icon">box2djs方糖</h2>
  
</div>
<div id="main" class="all-list-box clearfix"><!--class: archive-part-->
  <div id="archive-page" class=""><!--class: all-list-box-->

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-5-0-operation/" title="Box2DJS教程5--操作(operation)" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程5--操作(operation)</h1>
    
     
       <p itemprop="description" >第五章主要介绍操作(operation)。</p>
      
    
    <time datetime="2017-02-17T13:00:19.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-4-5-gear-joint/" title="Box2DJS教程4-5--齿轮关节(gear-joint)" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程4-5--齿轮关节(gear-joint)</h1>
    
     
       <p itemprop="description" >本节主要介绍齿轮关节(gear-joint)。</p>
      
    
    <time datetime="2017-02-17T13:00:18.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-4-4-pulley-joint/" title="Box2DJS教程4-4--滑轮关节(pulley-joint)" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程4-4--滑轮关节(pulley-joint)</h1>
    
     
       <p itemprop="description" >本节主要介绍滑轮关节(pulley-joint)。</p>
      
    
    <time datetime="2017-02-17T13:00:17.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-4-3-prismatic-joint/" title="Box2DJS教程4-3--移动关节(prismatic-joint)" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程4-3--移动关节(prismatic-joint)</h1>
    
     
       <p itemprop="description" >本节主要介绍移动关节(prismatic-joint)。</p>
      
    
    <time datetime="2017-02-17T13:00:16.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-4-2-revolute-joint/" title="Box2DJS教程4-2--旋转关节(revolute-joint)" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程4-2--旋转关节(revolute-joint)</h1>
    
     
       <p itemprop="description" >本节主要介绍旋转关节(revolute-joint)。</p>
      
    
    <time datetime="2017-02-17T13:00:15.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-4-1-distance-joint/" title="Box2DJS教程4-1--距离关节(distance-joint)" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程4-1--距离关节(distance-joint)</h1>
    
     
       <p itemprop="description" >第四章主要介绍距离关节(distance-joint)。</p>
      
    
    <time datetime="2017-02-17T13:00:14.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-4-0-joint/" title="Box2DJS教程4--关节(joint)" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程4--关节(joint)</h1>
    
     
       <p itemprop="description" >第四章主要介绍关节(joint)。</p>
      
    
    <time datetime="2017-02-17T13:00:13.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-3-5-shape-to-body/" title="Box2DJS教程3-4--从形状到刚体" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程3-4--从形状到刚体</h1>
    
     
       <p itemprop="description" >本节主要介绍刚体的一些属性，以及从形状到刚体的过程。</p>
      
    
    <time datetime="2017-02-17T13:00:12.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-3-4-poly-shape/" title="Box2DJS教程3-4--凸多边形" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程3-4--凸多边形</h1>
    
     
       <p itemprop="description" >本节主要介绍凸多边形。</p>
      
    
    <time datetime="2017-02-17T13:00:11.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-3-3-cicle-shape/" title="Box2DJS教程3-3--圆形" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程3-3--圆形</h1>
    
     
       <p itemprop="description" >本节主要介绍圆形。</p>
      
    
    <time datetime="2017-02-17T13:00:10.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-3-2-box-shape/" title="Box2DJS教程3-2--矩形" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程3-2--矩形</h1>
    
     
       <p itemprop="description" >本节主要介绍矩形。</p>
      
    
    <time datetime="2017-02-17T13:00:09.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-3-1-shape/" title="Box2DJS教程3-1--形状" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程3-1--形状</h1>
    
     
       <p itemprop="description" >本节主要介绍形状，以及形状定义和相关的属性。</p>
      
    
    <time datetime="2017-02-17T13:00:08.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-3-0-shape-and-body/" title="Box2DJS教程3--形状(shape)-刚体(body)" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程3--形状(shape)-刚体(body)</h1>
    
     
       <p itemprop="description" >第三章介绍形状(shape)和刚体(body)，主要包括圆形、矩形、凸多边形，以及从形状到刚体。</p>
      
    
    <time datetime="2017-02-17T13:00:07.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-2-0-world/" title="Box2DJS教程2--物理世界" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程2--物理世界</h1>
    
     
       <p itemprop="description" >第二章介绍物理世界，包括世界初始化类，以及创建一个世界。</p>
      
    
    <time datetime="2017-02-17T13:00:06.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>

  <section class="post" itemscope itemprop="blogPost">
  
    <a href="/2017/02/17/box2d-tutorial-1-3-hello-box2d/" title="Box2DJS教程1-3--有关Box2D" itemprop="url">
  
    <h1 itemprop="name">Box2DJS教程1-3--有关Box2D</h1>
    
     
       <p itemprop="description" >本节简单介绍一下Box2D，以及其中的一些基本概念。</p>
      
    
    <time datetime="2017-02-17T13:00:05.000Z" itemprop="datePublished">2017-02-17</time>
  </a>
</section>


  <nav id="page-nav" class="clearfix archive-nav">
    <a class="extend prev" rel="prev" href="/categories/box2djs方糖/">&laquo; Prev</a><a class="page-number" href="/categories/box2djs方糖/">1</a><span class="page-number current">2</span><a class="page-number" href="/categories/box2djs方糖/page/3/">3</a><a class="extend next" rel="next" href="/categories/box2djs方糖/page/3/">Next &raquo;</a>
  </nav>

  </div>
</div>

      </div>
      <footer><div id="footer" >
	
	<section class="info">
		<p> 即使梦想再小，却很伟大 ^_^ </p>
	</section>
	 
		<p class="copyright">Powered by <a href="http://hexo.io" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://github.com/A-limon/pacman" target="_blank" title="Pacman">Pacman</a> © 2019 
		
		<a href="https://godbasin.github.io" target="_blank" title="被删">被删</a>
		
		</p>
</div>
</footer>
      <script src="/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else
    {
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');
        
    }
  });
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');      
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
});
</script>







    </body>
   </html>
